<div class="page_title">
	<h2 class="fl">用户组权限设置-{$group}</h2>
    <a class="fr top_rt_btn iconfont iconfont-chexiao" href="{:U('admin/User/groupList')}">用户组列表</a>
</div>
<section class="clearfix">
	{volist name="result" id="vo"}
	<div style="margin: 15px;">
		<div style="background: #EAEDF1;line-height: 26px; padding-left: 12px;">
			<input type="hidden" name="groupID" value='{$groupID}' />
			<label class="checkbox-inline">
				<input type="checkbox" id="checkbox_a{$i}" class="chk_1 moduleName" index="{$i}" len="0"/><label for="checkbox_a{$i}"></label>
				<span class="item_name" style="color:black;line-height: 20px">{$key}</span>
			</label>
		</div>
		<div style="margin-top: 10px;padding-left: 12px;">
		{foreach name="vo" item="v"}
			<label class="checkbox-inline" style="margin-right: 15px">
				<input type="checkbox" id="checkbox_a.{$v.id}" class="chk_1" name="rule[]" label="group{$i}" value="{$v['id']}"/><label for="checkbox_a.{$v.id}"></label>
				<span class="item_name" style="margin: 10px 0 10px 0;">{$v.title}</span>
			</label>
		{/foreach}
		</div>
	</div>
	{/volist}
</section>
<section>
	<span class="item_name" style="width:120px;"></span>
	<input type="submit" class="link_btn groupAuth" style="margin-left: 300px">
</section>
<script type="text/javascript">
	$(function(){
		//全选或反选操作
		$(".moduleName").click(function(){
			var index=$(this).attr('index');
			//全选操作
			if(this.checked){
				//初始化len为空
				var len=0;
				//循环选择权限操作
				$("input[label='group"+index+"']").each(function(i){
					len++;					
					this.checked=true;
				});
				$(this).attr('len',len)
			//反选操作
			}else{
				$("input[label='group"+index+"']").removeAttr("checked");
				$(this).attr("len",'0');
			}
		});

		//页面加载时运行时,显示对应角色的权限
		var ruleID="{$ruleID}";
		var arr=ruleID.split(',');
		//循环判断,有权限就选择
		$("input[name='rule[]']").each(function(){	
			//判断是否在数组中		
			if($.inArray(this.value,arr)>=0){
				$(this).prop('checked','true');
				//获取当前label标签的最后一个数字,通过这个数字来获取相应的模块组
				var label=$(this).attr('label').charAt(5);
				//权限所在模块组
				var grp=$('input[index="'+label+'"]');
				//len属性默认为0,对len循环加1操作
				var len=parseInt(grp.attr('len'))+1;
				//改变len的值 
				grp.attr('len',len);
				//判断这模块组是否已经选择,如没有选择,则选上
				if(!grp.prop('checked')){
					grp.prop('checked','true');
				}
			}
		});

		//选择权限时,判断该权限所在的模块组是否选上
		$("input[name='rule[]']").click(function(){
			//获取当前label标签的最后一个数字,通过这个数字来获取相应的模块组
			var label=$(this).attr('label').charAt(5);
			//权限所在模块组
			var grp=$('input[index="'+label+'"]');
			//所在模块组已经选中的权限个数
			var len=parseInt(grp.attr('len'));
			if(this.checked){
				//每选中一次,执行自加操作	
				len++;
				grp.attr('len',len);
				if(!grp.prop('checked')){
					//判断这模块组是否已经选择,如没有选择,则选上
					grp.prop('checked','true');
				}					
			}else{
				//每取消一次,执行自减操作
				len--;
				grp.attr('len',len);
				//当被选择权限数为0时,移除模块组选择状态
				len<=0?grp.removeProp('checked'):'';				
			}				
		});
	});
	//更新
	$('.groupAuth').click(function () {
		//检测用户组名
		var groupID = $("input[name=groupID]").val();
		var objval = [];
		$('input[name="rule[]"]:checked').each(function(){
			objval.push($(this).val());
//			objval+=$(this).val()+',';
		});
//		console.log(objval.toString());
		var data = {groupID:groupID,rule:objval.toString()};
		send_data = {
			url:U('admin/User/groupSetHandle'),
			type:'POST',
			data:data,
			dataType:'json',
		}
		send_ajax(send_data,function(res){
			if(res.status == 1){
				msg_success('更新成功','',2000);
				setTimeout(function(){
					admin.getContentByUrl(res.data.jumpurl);
				},2000);
			}else{
				msg_error(res.message);
			}
		})
	});

	$(function(){
		//调用登陆部分的js
		$(window).keyup(function(e){
			if(e.keyCode == 13){
				$(".addgroup").click();
			}
		})
	});
	</script>
